<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>
			<%= htmlWebpackPlugin.options.title %>
		</title>
		
		<script>
			var PATHAPI = "http://a.yuncjs.cn";
		</script>
		
		<script>
			document.addEventListener('DOMContentLoaded', function() {
				document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
			})
		</script>
		<link rel="stylesheet" href="<%=BASE_URL%>static/index.css" />
		<style type="text/css">
			/* 模仿按钮样式 */
			#bgmBtn {
				position: fixed;
				top: 20px;
				right: 20px;
				z-index: 999;
				width: 40px;
				height: 40px;
				background: url(static/music/music_btn.png) no-repeat center;
				background-size: cover;
				animation: transformAnim 10s linear infinite;
			}
			#bgmBtn.suspended {
				background-image: url(static/music/music_btn_stop.png);
				animation-play-state: paused;
			}
			@keyframes transformAnim {
				0% {
					transform: rotate(7deg)
				}
				100% {
					transform: rotate(360deg);
				}
			}
		</style>
	</head>
	<body>
		<!-- 该文件为 H5 平台的模板 HTML，并非应用入口。 -->
		<!-- 请勿在此文件编写页面代码或直接运行此文件。 -->
		<!-- 详见文档：https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
		<noscript>
			<strong>Please enable JavaScript to continue.</strong>
		</noscript>
		<div id="app"></div>
		<!-- 背景音乐 -->
		<div id="bgmBtn" onclick="bgmBtnClick()"></div>
		<audio id="bgmAudio" src="http://a.yuncjs.cn/videos/20200422/15875663979HklFt.mp3" preload="" loop=""></audio>
		<script src="./static/h5/js/jquery-2.2.4.min.js"></script>
		<script src="./static/h5/js/common.js"></script>
	</body>
</html>
